﻿<?php
include './includes/header.php';
?>

			<div role="main" class="main">

				<section class="page-top">
					<div class="container">
						<div class="row">
							<div class="span12">
								<ul class="breadcrumb">
									<li><a href="index.html">Начало</a> <span class="divider">/</span></li>
									<li class="active">Контакти</li>
								</ul>
							</div>
						</div>
						<div class="row">
							<div class="span12">
								<h2>Контакти</h2>
							</div>
						</div>
					</div>
				</section>

				<!-- Google Maps -->
				<div id="googlemaps" class="google-map hidden-phone"></div>

				<div class="container">

					<div class="row">
						<div class="span6">

							

							<h2 class="short"><strong>Пишете ни</strong></h2>
							<form action="#" id="contactForm" type="post">
								<div class="row controls">
									<div class="span3 control-group">
										<label>Вашето име *</label>
										<input type="text" value="" data-msg-required="Моля, въведете Вашето име." maxlength="100" class="span3" name="name" id="name" required/>
									</div>
									<div class="span3 control-group">
										<label>Е-mail *</label>
										<input type="email" value="" data-msg-required="Моля, въведете e-mail адрес." data-msg-email="Please enter a valid email address." maxlength="100" class="span3" name="email" id="email" required/>
									</div>
								</div>
								<div class="row controls">
									<div class="span6 control-group">
										<label>Заглавие</label>
										<input type="text" value="" data-msg-required="Моля, въведете заглавие." maxlength="100" class="span6" name="subject" id="subject" required/>
									</div>
								</div>
								<div class="row controls">
									<div class="span6 control-group">
										<label>Съобщение *</label>
										<textarea maxlength="5000" data-msg-required="Моля, въведете Вашето съобщение тук..." rows="10" class="span6" name="message" id="message"></textarea>
									</div>
								</div>
								<div class="btn-toolbar">
									<input type="submit" value="Изпрати" class="btn btn-primary btn-large" data-loading-text="Loading..." required/>
								</div>
							</form>
						</div>

<!--ФОРМИ ЗА грешка 		
							<div class="alert alert-success" id="contactSuccess">
								<strong>УСПЕШНО</strong> изпратихте съобщението си! Ще се свържем с Вас възможно най-скоро.
							</div>

							<div class="alert alert-error" id="contactError">
								<strong>ГРЕШКА!</strong> Вашето съобщение не беше изпратено. Моля, опитайте отново.
							</div>-->

						<div class="span6">

							<h4 class="pull-top"><strong>Връзка с нас</strong></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget leo at velit imperdiet varius. In eu ipsum vitae velit congue iaculis vitae at risus.</p>

							<hr />

							<h4><strong>Контакти</strong></h4>
							<ul class="unstyled">
								<li><i class="icon-map-marker"></i> <strong>Адрес:</strong> ул. Захари Стоянов 8, 4300 Карлово, България</li>
								<li><i class="icon-phone"></i> <strong>Телефон:</strong> 0876/ 56-77-88</li>
								<li><i class="icon-envelope"></i> <strong>Ел. поща:</strong> <a href="mailto:mail@example.com">mail@example.com</a></li>
							</ul>

							<hr />

							<h4>Работно <strong>време</strong></h4>
							<ul class="unstyled">
								<li><i class="icon-time"></i> Понеделник - Петък от 10:30 до 18:00</li>
								<li><i class="icon-time"></i> Събота - 10:30 до 14:00</li>
								<li><i class="icon-time"></i> Неделя - Почивен ден</li>
							</ul>

						</div>

					</div>

				</div>

			</div>

			<?php
			include './includes/footer.php';
			?>

		<!-- Libs -->
		<script type="text/javascript" src="../../../ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
		<script>window.jQuery || document.write('<script src="vendor/jquery.js"><\/script>')</script>
		<script src="vendor/jquery.easing.js"></script>
		<script src="vendor/jquery.appear.js"></script>
		<script src="vendor/jquery.cookie.js"></script>
		<script src="master/style-switcher/style.switcher.js"></script> <!-- Style Switcher -->
		<script src="vendor/bootstrap.js"></script>
		<script src="vendor/selectnav.js"></script>
		<script src="vendor/twitterjs/twitter.js"></script>
		<script src="vendor/flexslider/jquery.flexslider.js"></script>
		<script src="vendor/jflickrfeed/jflickrfeed.js"></script>
		<script src="vendor/magnific-popup/magnific-popup.js"></script>
		<script src="vendor/jquery.validate.js"></script>

		<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
		<script src="vendor/jquery.gmap.js"></script>

		<script>

			/*
			Map Settings

				Find the Latitude and Longitude of your address:
					- http://universimmedia.pagesperso-orange.fr/geo/loc.htm
					- http://www.findlatitudeandlongitude.com/find-address-from-latitude-and-longitude/

			*/

			// Map Markers
			var mapMarkers = [{
				address: "217 Summit Boulevard, Birmingham, AL 35243",
				html: "<strong>Alabama Office</strong><br>217 Summit Boulevard, Birmingham, AL 35243<br><br><a href='#' onclick='mapCenterAt({latitude: 33.44792, longitude: -86.72963, zoom: 16}, event)'>[+] zoom here</a>",
				icon: {
					image: "img/pin.png",
					iconsize: [26, 46],
					iconanchor: [12, 46]
				}
			},{
				address: "645 E. Shaw Avenue, Fresno, CA 93710",
				html: "<strong>California Office</strong><br>645 E. Shaw Avenue, Fresno, CA 93710<br><br><a href='#' onclick='mapCenterAt({latitude: 36.80948, longitude: -119.77598, zoom: 16}, event)'>[+] zoom here</a>",
				icon: {
					image: "img/pin.png",
					iconsize: [26, 46],
					iconanchor: [12, 46]
				}
			},{
				address: "New York, NY 10017",
				html: "<strong>New York Office</strong><br>New York, NY 10017<br><br><a href='#' onclick='mapCenterAt({latitude: 40.75198, longitude: -73.96978, zoom: 16}, event)'>[+] zoom here</a>",
				icon: {
					image: "img/pin.png",
					iconsize: [26, 46],
					iconanchor: [12, 46]
				}
			}];

			// Map Initial Location
			var initLatitude = 37.09024;
			var initLongitude = -95.71289;

			// Map Extended Settings
			var mapSettings = {
				controls: {
					panControl: true,
					zoomControl: true,
					mapTypeControl: true,
					scaleControl: true,
					streetViewControl: true,
					overviewMapControl: true
				},
				scrollwheel: false,
				markers: mapMarkers,
				latitude: initLatitude,
				longitude: initLongitude,
				zoom: 5
			};

			var map = $("#googlemaps").gMap(mapSettings);

			// Map Center At
			var mapCenterAt = function(options, e) {
				e.preventDefault();
				$("#googlemaps").gMap("centerAt", options);
			}

		</script>

		<script src="js/plugins.js"></script>

		<!-- Page Scripts -->
		<script src="js/views/view.contact.js"></script>

		<!-- Theme Initializer -->
		<script src="js/theme.js"></script>

		<!-- Custom JS -->
		<script src="js/custom.js"></script>

		<!-- Google Analytics: Change UA-XXXXX-X to be your site's ID. Go to http://www.google.com/analytics/ for more information. -->
		<script type="text/javascript">

		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-42715764-3']);
		  _gaq.push(['_trackPageview']);

		  (function() {
		    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		  })();

		</script>
	</body>

<!-- Mirrored from www.crivosthemes.com/theme/porto/contact-us.html by HTTrack Website Copier/3.x [XR&CO'2013], Wed, 23 Oct 2013 13:58:47 GMT -->
</html>
